<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Helper CAPTCHA : Gu&iacute;a del Usuario de CodeIgniter</title>

<style type='text/css' media='all'>@import url('../userguide.css');</style>
<link rel='stylesheet' type='text/css' media='all' href='../userguide.css' />

<script type="text/javascript" src="../nav/nav.js"></script>
<script type="text/javascript" src="../nav/prototype.lite.js"></script>
<script type="text/javascript" src="../nav/moo.fx.js"></script>
<script type="text/javascript" src="../nav/user_guide_menu.js"></script>

<meta http-equiv='expires' content='-1' />
<meta http-equiv= 'pragma' content='no-cache' />
<meta name='robots' content='all' />
<meta name='author' content='ExpressionEngine Dev Team' />
<meta name='description' content='Gu&iacute;a del Usuario de CodeIgniter' />

</head>
<body>

<!-- START NAVIGATION -->
<div id="nav"><div id="nav_inner"><script type="text/javascript">create_menu('../');</script></div></div>
<div id="nav2"><a name="top"></a><a href="javascript:void(0);" onclick="myHeight.toggle();"><img src="../images/nav_toggle_darker.jpg" width="154" height="43" border="0" title="Mostrar Tabla de Contenido" alt="Mostrar Tabla de Contenido" /></a></div>
<div id="masthead">
<table cellpadding="0" cellspacing="0" border="0" style="width:100%">
<tr>
<td><h1>Gu&iacute;a del Usuario de CodeIgniter Versi&oacute;n 2.1.1</h1></td>
<td id="breadcrumb_right"><a href="../toc.html">Tabla de Contenido</a></td>
</tr>
</table>
</div>
<!-- END NAVIGATION -->


<!-- START BREADCRUMB -->
<table cellpadding="0" cellspacing="0" border="0" style="width:100%">
<tr>
<td id="breadcrumb">
<a href="http://codeigniter.com/">CodeIgniter</a> &nbsp;&#8250;&nbsp;
<a href="../index.html">Gu&iacute;a del Usuario</a> &nbsp;&#8250;&nbsp;
CAPTCHA Helper
</td>
<td id="searchbox"><form method="get" action="http://www.google.com/search"><input type="hidden" name="as_sitesearch" id="as_sitesearch" value="escodeigniter.com/guia_usuario/" />Buscar en la Gu&iacute;a del Usuario&nbsp; <input type="text" class="input" style="width:200px;" name="q" id="q" size="31" maxlength="255" value="" />&nbsp;<input type="submit" class="submit" name="sa" value="Go" /></form></td>
</tr>
</table>
<!-- END BREADCRUMB -->

<br clear="all" />


<!-- START CONTENT -->
<div id="content">


<h1>Helper CAPTCHA</h1>
<p>El archivo del Helper CAPTCHA contiene funciones que lo ayudan en la creaci&oacute;n de im&aacute;genes CAPTCHA.</p>

<h2>Cargar este Helper</h2>

<p>Este helper se carga usando el siguiente c&oacute;digo:</p>

<code>$this->load->helper('captcha');</code>

<p>Est&aacute;n disponibles las siguientes funciones:</p>

<h2>create_captcha(<var>$data</var>)</h2>
<p>Toma como entrada un array de informaci&oacute;n para generar el CAPTCHA y crea la imagen para sus especificaciones, devolviendo un array asociativo de datos acerca de la imagen.</p>

<pre>
[array]
(
	'image' => IMAGE TAG
	'time' => TIMESTAMP (in microtime)
	'word' => CAPTCHA WORD
)
</pre>

<p><strong>image</strong> es la etiqueta de imagen real:</p>

<code>&lt;img src=&quot;http://example.com/captcha/12345.jpg&quot; width=&quot;140&quot; height=&quot;50&quot; /&gt;</code>

<p><strong>time</strong> es la marca de tiempo usada como nombre de la imagen sin la extensi&oacute;n del archivo. Ser&aacute; un n&uacute;mero como este: 1139612155.3422</p>

<p><strong>word</strong> es la palabra que aparece en la imagen captcha, que si no se la suministra a la funci&oacute;n, ser&aacute; una cadena aleatoria.</p>

<h3>Usar el Helper CAPTCHA</h3>
<p>Una vez cargado, puede generar un captcha as&iacute;:</p>

<pre>
$vals = array(
		'word' => 'Random word',
		'img_path' => './captcha/',
		'img_url' => 'http://example.com/captcha/',
		'font_path' => './path/to/fonts/texb.ttf',
		'img_width' => '150',
		'img_height' => 30,
		'expiration' => 7200
	);

$cap = create_captcha($vals);
echo $cap['image'];
</pre>

<ul>
	<li>La funci&oacute;n captcha necesita la biblioteca de imagen GD.</li>
	<li>Solamente son obligatorios img_path e img_url.</li>
	<li>Si no se suministra "word", la funci&oacute;n generar&aacute; una cadena ASCII aleatoria. Podr&iacute;a adjuntar su propia biblioteca de palabras de la que dibujar aleatoriamente.</li>
	<li>Si no se especifica una ruta a una fuente True Type, se usar&aacute; la espantosa fuente nativa de GD.</li>
	<li>La carpeta "captcha" tiene que ser escribible (666 o 777)</li>
	<li>expiration (en segundos) indica cuanto tiempo una imagen permanecer&aacute; en la carpeta captcha antes que	se la borre. El valor por defecto es dos horas.</li>
</ul>

<h3>Agregar a una Base de Datos</h3>

<p>Para que la funci&oacute;n captcha evite que alguien pueda enviar, necesitar&aacute; agregar la informaci&oacute;n devuelta por la funci&oacute;n create_captcha() a la base de datos. Luego, cuando el usuario env&iacute;a los datos del formulario, necesitar&aacute; verificar que los datos existen en la base de datos y que no expiraron.</p>

<p>Este es el prototipo de la tabla:</p>

<code>CREATE TABLE captcha (<br />
&nbsp;captcha_id bigint(13) unsigned NOT NULL auto_increment,<br />
&nbsp;captcha_time int(10) unsigned NOT NULL,<br />
&nbsp;ip_address varchar(16) default '0' NOT NULL,<br />
&nbsp;word varchar(20) NOT NULL,<br />
&nbsp;PRIMARY KEY `captcha_id` (`captcha_id`),<br />
&nbsp;KEY `word` (`word`)<br />
);</code>

	<p>Este es un ejemplo de uso con una base de datos. En la p&aacute;gina donde se mostrar&aacute; el CAPTCHA, habr&aacute; algo como
esto:</p>

<code>$this-&gt;load-&gt;helper(&#x27;captcha&#x27;);<br />
$vals = array(<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#x27;img_path&#x27;	 =&gt; &#x27;./captcha/&#x27;,<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#x27;img_url&#x27;	 =&gt; &#x27;http://example.com/captcha/&#x27;<br />
&nbsp;&nbsp;&nbsp;&nbsp;);<br />
<br />
$cap = create_captcha($vals);<br />
<br />
$data = array(<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#x27;captcha_time&#x27;	=&gt; $cap[&#x27;time&#x27;],<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#x27;ip_address&#x27;	=&gt; $this-&gt;input-&gt;ip_address(),<br />
&nbsp;&nbsp;&nbsp;&nbsp;&#x27;word&#x27;			=&gt; $cap[&#x27;word&#x27;]<br />
&nbsp;&nbsp;&nbsp;&nbsp;);<br />
<br />
$query = $this-&gt;db-&gt;insert_string(&#x27;captcha&#x27;, $data);<br />
$this-&gt;db-&gt;query($query);<br />
<br />
echo &#x27;Submit the word you see below:&#x27;;<br />
echo $cap[&#x27;image&#x27;];<br />
echo &#x27;&lt;input type=&quot;text&quot; name=&quot;captcha&quot; value=&quot;&quot; /&gt;&#x27;;</code>

	<p>Luego, en la p&aacute;gina que acepta el env&iacute;o, que tendr&aacute; algo como esto:</p>

<code>// First, delete old captchas<br />
$expiration = time()-7200; // Two hour limit<br />
$this-&gt;db-&gt;query(&quot;DELETE FROM captcha WHERE captcha_time &lt; &quot;.$expiration);	<br />
<br />
// Then see if a captcha exists:<br />
$sql = &quot;SELECT COUNT(*) AS count FROM captcha WHERE word = ? AND ip_address = ? AND captcha_time &gt; ?&quot;;<br />
$binds = array($_POST[&#x27;captcha&#x27;], $this-&gt;input-&gt;ip_address(), $expiration);<br />
$query = $this-&gt;db-&gt;query($sql, $binds);<br />
$row = $query-&gt;row();<br />
<br />
if ($row-&gt;count == 0)<br />
{<br />
&nbsp;&nbsp;&nbsp;&nbsp;echo &quot;You must submit the word that appears in the image&quot;;<br />
}</code>

</div>
<!-- END CONTENT -->


<div id="footer">
<p>
Tema anterior:&nbsp;&nbsp;<a href="array_helper.html">Helper Array</a>
&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;
<a href="#top">Subir</a>&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;
<a href="../index.html">Gu&iacute;a del Usuario</a>&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;
Pr&oacute;ximo tema:&nbsp;&nbsp;<a href="cookie_helper.html">Helper Cookie</a></p>
<p><a href="http://codeigniter.com">CodeIgniter</a> &nbsp;&middot;&nbsp; Copyright &#169; 2006 - 2011 &nbsp;&middot;&nbsp; <a href="http://ellislab.com/">EllisLab, Inc.</a></p>
</div>

</body>
</html>
